<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <input type="text" v-focus:src.stop.prevent.a="1+1">
    </div>
    <script src="./vue.js"></script>
    <script>
        /* 全局的方式 */
        /* 通过 v-focus 使用 */
        // Vue.directive("focus",{
        //     // 钩子函数
        //     // v-focus 指令绑定到 input 元素上执行
        //     bind:function(el,binding,vnode,oldVnode){
        //         console.log(el,binding,vnode,oldVnode);
        //     },
        //     // input 元素绑定到父节点上的时候，执行
        //     inserted:function(el,binding,vnode,oldVnode){
        //         // input 元素原生接口上面有一个方法，focus,调用之后自动聚焦
        //         el.focus();
        //     }

        // })
        let vm = new Vue({
            el:"#app",
            data:{

            },
            // 局部指令方式
            directives:{
                "focus":{
                    inserted:function(el,binding,vnode,oldVnode){
                        el.focus();
                    }
                }
            }
        })
    </script>
</body>
</html>